<template>
  <div class="ri-top">
      <h2>舔狗日记</h2>
      <a href="#">点赞 ( {{num}} )</a>
  </div>
</template>

<script>
export default {
    data(){
        return{
            num:14394802
        }
    }
}
</script>

<style scoped lang="scss">
.ri-top{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    h2{
        font-size: 25px;
        color: rgb(68, 68, 68);
        font-weight: 300;
    }
    a{
        font-size: 15px;
        font-weight: 300;
        color: rgb(68, 68, 68);
        border: 1px solid #dbdbdb;
        padding: 5px 10px;
        border-radius: 10px;
        text-decoration: none;  
        transition: all .5s;

    }
    a:hover{
        background-color: #dbdbdb;
    }
}
</style>